import Taro, {
  Component
} from '@tarojs/taro'
import {
  View,
  Text
} from '@tarojs/components'
import './orders.css'
import {
  AtButton,
  AtNavBar
} from 'taro-ui'

export default class Orders extends Component {

  config = {
    navigationBarTitleText: '我的订单'
  }

  componentWillMount() {}

  componentDidMount() {}

  componentWillUnmount() {}

  componentDidShow() {}

  componentDidHide() {}

  render() {
    return (
      <View className='index'>
        <AtNavBar
          onClickRgIconSt={ this.handleClick }
          onClickRgIconNd = { this.handleClick }
          onClickLeftIcon = { this.handleClick }
          color = '#000'
          title = '慧订货'
          leftIconType = 'search'
          rightFirstIconType = 'analytics'
          rightSecondIconType = 'shopping-cart'
        />
        <View className='at-row at-row--wrap order-list'>
          <View className='at-col-12 order-detail'>
            <View className='at-row at-row--wrap' >
              <View className='at-col-11' >
                <View className='at-row'>
                  <View className='at-col at-col-6 order-number' >订单号00000000</View>
                  <View className='at-col at-col-6 order-state'>订单待审核</View>
                </View>
              </View>
              <View className ='at-col-11' >
                <View className='at-row order-inner'>
                  <View className='at-col at-col-2' >数量：</View>
                  <View className='at-col at-col-10 order-goods-number'>325345345</View>
                </View>
              </View>
              <View className = 'at-col-11' >
                <View className='at-row order-inner' >
                  <View className='at-col at-col-2' > 时间：</View>
                  <View className = 'at-col at-col-10 order-time' > 325345345 </View>
                </View>
              </View>
              <View className = 'at-col-11' >
                <View className='at-row order-inner' >
                  <View className='at-col at-col-2' > 金额：</View>
                  <View className = 'at-col at-col-10 order-price' > 325345345 </View>
                </View>
              </View>
              <View className = 'at-col-11 order-button'>
                <AtButton type = 'secondary' size = 'small' circle = 'true' > 再次购买 </AtButton>
              </View>
            </View>
          </View>
          <View className='at-col-12 order-detail'>
            <View className='at-row at-row--wrap' >
              <View className='at-col-11' >
                <View className='at-row'>
                  <View className='at-col at-col-6 order-number' >订单号00000000</View>
                  <View className='at-col at-col-6 order-state'>订单待审核</View>
                </View>
              </View>
              <View className ='at-col-11' >
                <View className='at-row order-inner'>
                  <View className='at-col at-col-2' >数量：</View>
                  <View className='at-col at-col-10 order-goods-number'>325345345</View>
                </View>
              </View>
              <View className = 'at-col-11' >
                <View className='at-row order-inner' >
                  <View className='at-col at-col-2' > 时间：</View>
                  <View className = 'at-col at-col-10 order-time' > 325345345 </View>
                </View>
              </View>
              <View className = 'at-col-11' >
                <View className='at-row order-inner' >
                  <View className='at-col at-col-2' > 金额：</View>
                  <View className = 'at-col at-col-10 order-price' > 325345345 </View>
                </View>
              </View>
              <View className = 'at-col-11 order-button'>
                <AtButton type = 'secondary' size = 'small' circle = 'true' > 再次购买 </AtButton>
              </View>
            </View>
          </View>
        </View>
      </View>
    )
  }
}